<%= render "navbar"%>

<div class="container">
  <h1 class="account_title">用户中心</h1>
</div>

<div class="container account_page_container">
  <div class="row">
    <%= render "account_nav"%>
    <div class="col-md-9 col-xs-12 my_class_content">
      <h2 class="title">我的课程</h2>
      <h3 class="sub_title">已购课程</h3>
      <div class="row peixun_header_row">
        <div class="col-md-2 header_title">培训课程</div>
        <div class="col-md-3">课程</div>
        <div class="col-md-2">课程状态</div>
        <div class="col-md-2">价格</div>
        <div class="col-md-3"></div>
      </div>
      <div class="row class_item_row peixun_class_row">
        <div class="col-md-2 col-xs-12 col-md-height col-md-top">
          <img src="http://7i7g8l.com1.z0.glb.clouddn.com/77752f6be23e5411aee56e7dcde10fab718c27e5-4dd1981524738933089e81b67f63940fe53d6241.png" class="class_img" alt="">
        </div>
        <div class="col-md-3 col-xs-12 col-md-height col-md-top vertical_align">
          <h3 class="class_title">新托福60分精品班</h3>
          <p class="apply_num">已有<span class="num">129</span>人浏览报名</p>
          <p class="apply_date">报名时间：<span class="date">2015-12-31</span></p>
        </div>
        <div class="col-md-2 col-xs-12 col-md-height col-md-top vertical_align">
          <p class="state">在线预报名</p>
          <a href="#" class="action_btn">支付报名</a>
        </div>
        <div class="col-md-2 col-xs-12 col-md-height col-md-top vertical_align">
          <span class="price"><sup>￥</sup>100</span>
          <p>已支付<sup>￥</sup>50</p>
        </div>
        <div class="col-md-3 col-xs-12 col-md-height col-md-top vertical_align">
          <a href="/cancel" class="action_btn">取消订单</a> <br>
          <a href="#" class="action_btn">已上课</a> <br>
          <a href="/refund" class="action_btn">申请退款</a>
        </div>
      </div>

      <div class="row peixun_header_row">
        <div class="col-md-2 header_title">兴趣课程</div>
        <div class="col-md-3">课程</div>
        <div class="col-md-2">报名状态</div>
        <div class="col-md-2">课程状态</div>
        <div class="col-md-3"></div>
      </div>
      <div class="row class_item_row peixun_class_row">
        <div class="col-md-2 col-xs-12 col-md-height col-md-top">
          <img src="http://7i7g8l.com1.z0.glb.clouddn.com/77752f6be23e5411aee56e7dcde10fab718c27e5-4dd1981524738933089e81b67f63940fe53d6241.png" class="class_img" alt="">
        </div>
        <div class="col-md-3 col-xs-12 col-md-height col-md-top vertical_align">
          <h3 class="class_title">新托福60分精品班</h3>
          <p class="apply_num">已有<span class="num">129</span>人浏览报名</p>
          <p class="apply_date">报名时间：<span class="date">2015-12-31</span></p>
        </div>
        <div class="col-md-2 col-xs-12 col-md-height col-md-top vertical_align">
          <p class="state">已购课</p>
        </div>
        <div class="col-md-2 col-xs-12 col-md-height col-md-top vertical_align">
          <a href="/cancel" class="action_btn">取消订单</a> <br>
          <a href="#" class="action_btn">已上课</a> <br>
        </div>
        <div class="col-md-3 col-xs-12 col-md-height col-md-top vertical_align">
        </div>
      </div>
      
    </div>


  </div>
</div>